<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            background: url(./images/desktop_1.jpg);
        }
    </style>
</head>

<body>
    <script>
        // 获取m-m的随机数
        function getRandom(n, m) {
            return Math.floor(Math.random() * (m - n + 1)) + n
        }
        const i = getRandom(1, 10)
        // 更换body 的值
        // const body=document.querySelector('body')
        // document.body 这个是可以直接拿到body的dom对象
        document.body.style.backgroundImage = `url(./images/desktop_${i}.jpg)`
        // 模板字符串里面是会解析空格的     所以要注意这里的路径的空格问题
    </script>
</body>

</html>